<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/styles.css">
<title>用户注册</title>
</head>
<body class="container" ng-app="app-register" ng-controller="ctl-register">
	<div class="page-header">
		<h1>用户注册</h1>
	</div>
	<form id="fmRegister1" class="form-horizontal">
		<div class="form-group">
			<label class="col-xs-2 control-label">用户名</label>
			<div class="col-xs-10">
				<input type="text" class="form-control" name="userName" ng-model="user.userName" placeholder="用户名请使用6-16位英文字母或数字，且以字母开头！" autofocus pattern="^[a-zA-Z][a-zA-Z0-9]{5,15}$" required>
			</div>
		</div>
		<div class="form-group">
			<label class="col-xs-2 control-label">密码</label>
			<div class="col-xs-10">
				<input type="password" class="form-control" name="userPassword" ng-model="user.userPassword" placeholder="密码请使用6-12位英文字母或数字！" pattern="^[a-zA-Z0-9]{6,12}" required>
			</div>
		</div>
		<div class="form-group">
			<label class="col-xs-2 control-label">重复密码</label>
			<div class="col-xs-10">
				<input type="password" class="form-control" name="userRePassword" ng-model="user.userRePassword" placeholder="密码请使用6-12位英文字母或数字！" pattern="^[a-zA-Z0-9]{6,12}" required>
			</div>
		</div>
		<div class="form-group">
			<label class="col-xs-2 control-label">邮箱</label>
			<div class="col-xs-10">
				<input type="email" class="form-control" name="userEmail" ng-model="user.userEmail" placeholder="邮箱" required>
			</div>
		</div>
		<div class="form-group">
			<button class="btn btn-info btn-block" ng-click="registerSubmit()">注册</button>
		</div>
	</form>
	<script type="text/javascript" src="../lib/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../lib/bootbox.min.js"></script>
	<script type="text/javascript" src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
	<script type="text/javascript" src="../js/register.js"></script>
</body>
</html>
